<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>layPage快速使用</title>
  <link rel="stylesheet" href="../libs/layui/css/layui.css">
</head>

<body>

  <!-- 1 要指定一个div 添加 id属性 -->
  <div id="test1"></div>

  <script src="../libs/layui/layui.js"></script>
  <script>
    // 2 获取到layui的分页组件对象！！！ 
    var laypage = layui.laypage;
    //  3. 渲染 分页组件 
    laypage.render({
      elem: 'test1',// 放入 标签的id 
      count: 60, //数据总数，从服务端得到
      limit: 20, // 每一页显示的数据的条数
      jump(obj, first) {
        if (!first) {
          console.log("被点击了");
        }
      }
      // 每一页有10条数据的默认值  开发经验！！！ 
      // 
    });
  </script>
</body>

</html>